﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CusCp/CustomerCP.Master" AutoEventWireup="true" CodeBehind="ChangePassword.aspx.cs" Inherits="LinkCard.CustomerView.CusCp.ChangePassword" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <script type="text/javascript" >
         var $j = jQuery.noConflict(); //set no conflict so you can use with MS AJAX.
       
         var submitPassword = true;
         var submitConfirmPass = true;
         var submitConfirmed = true;

         $j(document).ready(function () {
             $j("#<%=btnAdd.ClientID %>").click(function () {

                 if ($j("#<%=newPassword.ClientID %>").val() == "") {
                     $j("#spanPassword").css({
                         "color": "red", "font-weight": "bold", "font-size": "small",
                         "padding-left": "15px"
                     });

                     $j("#spanPassword").text("Chưa điền mật khẩu mới")
                     return false;
                 }
                 if ($j("#<%=newPassword.ClientID %>").val().length < 6) {
                     $j("#spanPassword").css({
                         "color": "red", "font-weight": "bold", "font-size": "small",
                         "padding-left": "15px"
                     });

                     $j("#spanPassword").text("Mật khẩu phải dài hơn 6 kí tự")
                     return false;
                 }
                 if ($j("#<%=newConfirmPw.ClientID %>").val() == "") {
                     $j("#spanConfirmPw").css({
                         "color": "red", "font-weight": "bold", "font-size": "small",
                         "padding-left": "15px"
                     });

                     $j("#spanConfirmPw").text("Chưa xác nhận mật khẩu mới")
                     return false;
                 }
                 if ($j("#<%=newPassword.ClientID %>").val() != $j("#<%=newConfirmPw.ClientID %>").val())
                 {
                     $j("#spanConfirmPw").css({
                         "color": "red", "font-weight": "bold", "font-size": "small",
                         "padding-left": "15px"
                     });

                     $j("#spanConfirmPw").text("Xác nhận mật khẩu không đúng")
                     return false;
                 }
                 return true;
             });
         });

        </script>
     <section id="content">
  <section class="container_12 clearfix">
    <section id="main" class="grid_12">
      <article>
        <div class="h1">Đổi mật khẩu truy cập</div>
          <div class="error msg" id="error" runat="server">Mật khẩu cũ không đúng!</div>
          <dl class="inline">
           <dt>
              <label>Mật khẩu cũ:</label>
            </dt>
            <dd>
              <input type="password" id="oldPass" class="medium required" runat="server" />
              <span id="spanOldPass"></span>
            </dd>
            <dt>
              <label >Mật khẩu mới:</label>
            </dt>
            <dd>
              <input type="password" id="newPassword" class="medium required" runat="server" />
              <span id="spanPassword"></span>
            </dd>
            <dt>
              <label >Nhập lại mật khẩu:</label>
            </dt>
            <dd>
              <input type="password" id="newConfirmPw" class="medium required" runat="server" />
              <span id="spanConfirmPw"></span>
            </dd>
              </dl>
           <p>
          <asp:Button class="button big" Text="Đổi mật khẩu" ID="btnAdd" runat="server" OnClick="btnAdd_Click" 
                  style="width:auto;" />
          </p>
              </article>
        </section></section>
</asp:Content>
